<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>练手五a</title>
<!--<link type="text/css" rel="stylesheet" href="../css/bootstrap.min.css" />-->
<link rel="stylesheet" type="text/css" href="../css/five1.css"/>
</head>

<body>
<div id="search">
   <div id="box1">
       <form>
           <span class="select">请选择游戏名称</span>
           <a href='javascript:;'>搜索</a>
       </form>
   </div>
   <ul id='sub'>
         <li>地下城与勇士</li>
        <li>魔兽世界（国服）</li>
        <li>魔兽世界（台服）</li>
        <li>热血江湖</li>
        <li>神鬼传奇</li>
        <li>大话西游II</li>
        <li>QQ幻想世界</li>
   </ul>
</div>
<div id="box2">点我就闪</div>

<div class="sbx">
<pre>
红色方块为键盘操作区域，您可以进行如下操作：

上：↑ 下：↓ 左：← 右：→

Ctrl + 1 : 背景变为绿色
Ctrl + 2 : 背景变为黄色
Ctrl + 3 : 背景变为蓝色
Ctrl + ↑ : 放大
Ctrl + ↓ : 缩小
<div>
</pre>
<div id="box3"></div>


<script src="../js/jquery-3.0.0.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/five1.js"></script>
</body>
</html>
